/*
* @Author: lenovo
* @Date:   2017-11-16 18:41:04
* @Last Modified by:   lenovo
* @Last Modified time: 2017-11-30 17:24:45
*/
*{
	margin: 0;
	padding: 0;
}
body{
	background:url(../../image/dark_wood.png) 0 0 repeat;
				padding:35px 0 0;
				margin:auto;
				text-align:center;
}
#mei-tu-wrap{
	position: relative;
	width:100%;
	height: 100%;
	/*border:1px solid red;*/
	margin: 100px auto;
}
.mei-tu-wrap .operate{
	width: 100%;
	height: 70px;
	margin:0 auto;
	/*border:1px solid red;*/
}
.mei-tu-wrap .operate .btnWrap{
	display:inline-block;
}
.btnWrap:after, .btnWrap:before {
	margin-top:0.5em;
	content: "";
	float:left;
	border:1.5em solid #fff;
}

.btnWrap:after {
	border-right-color:transparent;
}

.btnWrap:before {
	border-left-color:transparent;
}

.btnWrap a:link, .btnWrap a:visited { 
	color:#000;
	text-decoration:none;
			 float:left;
		height:3.5em;
	overflow:hidden;
}

.btnWrap span {
	background:#fff;
	display:inline-block;
	line-height:3em;
	padding:0 1em;
	margin-top:0.5em;
	position:relative;

	-webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
	-moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
	-ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
	-o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
	transition: background-color 0.2s, margin-top 0.2s;
}

.btnWrap a:hover span {
	background:#FFD204;
	margin-top:0;
}

.btnWrap span:before {
	content: "";
	position:absolute;
	top:3em;
	left:0;
	border-right:0.5em solid #9B8651;
	border-bottom:0.5em solid #fff;
}

.btnWrap span:after {
	content: "";
	position:absolute;
	top:3em;
	right:0;
	border-left:0.5em solid #9B8651;
	border-bottom:0.5em solid #fff;
}
.album-item-wrap{
	/*width: 100%;*/
	min-height: 500px;
	/*border:1px solid yellow;*/
}
#mei-tu-wrap .mei-tu-item{
	position: relative;
	/*width: inherit;    /*响应式*/
	 /*height: inherit;	响应式*/
	/*border:1px solid wheat;*/
	color: seagreen;
	margin: 20px 20px;
	background-color: rgba(0,0,0,.6);
	box-shadow: 2px 1px 2px 2px rgba(255,255,255,0.1);
	display: inline-block;
	cursor: pointer;
	transition: color 1s;
	border-radius:0 0 30px 30px;
	/*background-image: url(../../image/tianxinfive.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;*/
}
#mei-tu-wrap .mei-tu-item .panels{
	width: inherit;
	height: inherit;

}
#mei-tu-wrap .mei-tu-item .panels .panels-heading{
	position: absolute;
	width:100%;
	line-height: 50px;
	text-align: center;
	height: 70px;
	border-bottom:1px solid wheat;
	margin: -1px;
	background-color: rgba(0,0,0,.3);
}
#mei-tu-wrap  .if-show{
	position: absolute;
	font-weight: bolder;
	text-align: center;
	display: none;
	cursor: pointer;
}
#mei-tu-wrap .mei-tu-item:hover{
	color: #3e4e62;
}
#mei-tu-wrap .album-details-wrap{
	color: #eee;
	width: 100%;
	height: inherit;
}
.details-name{
	width: 100%;
	height: 40px;
	line-height: 40px;
}
#mei-tu-wrap .album-details-wrap input[type='file']{
	display: inline-block;
	/*width: 90px;
	overflow: hidden;*/
	background-color: rgba(220,220,220,.4);
	font-size: 15px;
	color: rgb(220,220,220);
	margin-bottom: 40px;
	/*border-radius: 30px;
	padding-left: -10px;*/
}
.pics-area-wrap{
	width: 100%;
	height: auto;
	margin:10px auto;
	/*border:1px solid grey;*/
}
.mark{
	color:  	#556B2F;
	height: 100px;
	float: left;
	background-color: rgba(255,182,193,.8);
	transition: all 1s;
}
.mark:hover{
	border:1px solid  	#D2691E;
}
.hide-operate-wrap{
	display: none;
}
/* 浏览器宽度小于364时，隐藏原本的导航，显示侧边导航 js控制 */
@media (max-width:365px){
	.hide-operate-wrap{
		/* display: block; */
		background-color: #3e4e62;
		perspective: 3000px;
		width: 80px;
		/* height: 305px; */
		height: 55px;
		position: fixed;
		top: 0;
		left: 0; 
		transition: all 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	.hide-operate-wrap header.cd-header{
		padding: 7px 18px 0 0px;
		height: 55px;
		border-bottom: 1px solid white;
	}
	.hide-operate-wrap header.close-nav{
		height: 55px;
		border-bottom: 1px solid white;
		display: none;
		padding: 13px 0 0 0;
		cursor: pointer;
	}
	.hide-operate-wrap header.close-nav span{
		font-size: 25px;
		color: white;
	}
	.cd-3d-nav-trigger span, .cd-3d-nav-trigger span::before, .cd-3d-nav-trigger span::after{
		width: 58px;
	}
	.nav-container{
		width: 80px;
		height: 200px;
		/* 55px */
		/* border:1px solid red; */
		color: white;
		font-size: 14px;
		font-weight: bolder;
		letter-spacing: 2px;
		display: none;
		
	}
	.nav-container ul.nav-ul{
		width: inherit;
		height: 200px;
		/* border: 1px solid yellow; */
		margin: 25px auto;
	}
	.nav-container ul.nav-ul li.nav-li{
		width: inherit;
		height: 50px;
		text-align: center;
		line-height: 50px;
		transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		cursor: pointer;
	}
	.nav-container ul.nav-ul li.nav-li:hover{
		background-color:white;
		color: #3e4e62; 
	}
}
